<template>
  <div>
    <CustomEditor v-model="editorContent" />
    <h3>编辑器内容实时预览：</h3>
    <div v-html="editorContent" style="border:1px solid #eee; padding:12px; margin-top:12px;"></div>
  </div>
</template>
<script setup lang="ts">
import { ref } from 'vue'
import CustomEditor from '@/components/CustomEditor.vue'

const editorContent = ref('<p>欢迎使用自定义富文本编辑器！</p>')
</script>